import React from 'react';
import ParticleBackground from './index';

const ParticleBackgroundDemo: React.FC = () => {
  return (
    <div className="h-screen w-screen flex items-center justify-center bg-gradient-to-br from-gray-900 via-purple-900 to-violet-800 relative overflow-hidden">
      {/* 粒子背景 */}
      <ParticleBackground />
      
      {/* 示例内容 */}
      <div className="z-10 text-white text-center">
        <h1 className="text-4xl font-bold mb-4">粒子背景演示</h1>
        <p className="text-xl">一个基于Canvas的交互式粒子动画</p>
      </div>
    </div>
  );
};

export default ParticleBackgroundDemo; 